import { DemoBlock } from 'demos';
import { Form, Input, Grid, Button } from '@pxxtech/component';

const Basic = () => {
  return (
    <DemoBlock>
      <Form>
        <Form.Item name="a" label="正常Item">
          <Input />
        </Form.Item>
        <Form.Item name="b" label="必填Item" rules={[{ required: true }]}>
          <Input />
        </Form.Item>
        <Form.Item
          name="d"
          label="必填Item"
          tooltip="tooltip"
          rules={[{ required: true }]}
          description="这里是一段正常的描述"
        >
          <Input />
        </Form.Item>
        <Grid columns={2}>
          <Form.Item name="e" label="正常Item">
            <Input />
          </Form.Item>
          <Form.Item name="f" label="必填Item" rules={[{ required: true }]}>
            <Input />
          </Form.Item>
        </Grid>
        <Form.Item>
          <Button color="primary" type="submit">
            提交
          </Button>
        </Form.Item>
      </Form>
    </DemoBlock>
  );
};

export default Basic;
